<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>

    <title>九宫格</title>
    <link rel="stylesheet" href="../common/css/normalize.css">
    <link rel="stylesheet" href="../common/css/common.min.css">
    <link rel="stylesheet" href="../common/css/iconfont.css">
    <link rel="stylesheet" href="css/sudoku.min.css">
</head>
<body>
    <div class="banner"><img src="img/banner.png" alt=""></div>
    <div class="game-box">
        <div class="flex-between">
            <div class="gift gift0">
                <div class="prize"><p>111</p></div>
            </div>
            <div class="gift gift1">
                <div class="prize"><img  src="img/prize.png" alt=""><p>222</p></div>
            </div>
            <div class="gift gift2">
                <div class="prize"><img  src="img/prize.png" alt=""><p>333</p></div>
            </div>
        </div>
        <div class="flex-between">
            <div class="gift gift7">
                <div class="prize"><img  src="img/prize.png" alt=""><p>8</p></div>
            </div>
            <div class="chou-box">
                    <button class="chou-btn"><img  src="img/go.png" alt=""></button>
            </div>
            <div class="gift gift3  ">
                <div class="prize"><img  src="img/prize.png" alt=""><p>4</p></div>
            </div>
        </div>
        <div class="flex-between">
            <div class="gift gift6">
                <div class="prize"><img  src="img/prize.png" alt=""><p>7</p></div>
            </div>
            <div class="gift gift5">
                <div class="prize"><img  src="img/prize.png" alt=""><p>6</p></div>
            </div>
            <div class="gift gift4">
                <div class="prize"><img  src="img/prize.png" alt=""><p>5</p></div>
            </div>
        </div>
    </div>
    <div class="col">
        <div class="col">
            <div class="fz15 chance text-center mt30" >
                (你还有<span class="num">1</span>次召唤机会)
            </div>
        </div>
    </div>

    <!--//我的奖品-->
    <div class="col mt40">
        <div class="title">
            <img src="img/title1.png" alt="">
        </div>
        <div class="  radius10 prize-items ">
            <div class=" flex-between item prize-item">
                <div class="get-prize-con">
                    <div class="pic"><img src="../common/img/prize.jpg" alt=""></div>
                    <div >
                        <p class="fz16 fff">kindel</p>
                        <p class="prize-item-date">
                            有效期 <br>
                            2018/03/25-2018/04/25
                        </p>
                    </div>
                </div>
                <div class="right ">
                    <a href="../common/getPrize.html" class="btn prize-item-btn">兑换</a>
                </div>
            </div>

            <div class=" flex-between item prize-item">
                <div class="get-prize-con">
                    <div class="pic"><img src="../common/img/prize.jpg" alt=""></div>
                    <div >
                        <p class="fz16 fff">kindel</p>
                        <p class="prize-item-date">
                            有效期 <br>
                            2018/03/25-2018/04/25
                        </p>
                    </div>
                </div>
                <div class="right ">
                    <a href="../common/getPrize.html" class="btn prize-item-btn">兑换</a>
                </div>
            </div>
        </div>
    </div>

    <!--活动规则-->
    <div class="col mt40">
        <div class="title">
            <img src="img/title2.png" alt="">
        </div>
        <div class="  radius10 prize-items fff fz14">
            <div class="prize-item-rule">
                <p>1. 后台用户自己填写的活动规则字段，后台用户自己填写的活动规则</p>
                <p class="mt10">2. 后台用户自己填写的活动规则字段，后台用户自己填写的活动规则</p>
            </div>
        </div>
    </div>

    <!--中奖信息-->
    <div class="toast hide" >
            <div class="bg"></div>
            <div class="con text-center">
                <div class="win  hide js-win-yes">
                    <div class="prize prize-step2" >
	                    <div class="fz22 gongxi">恭喜你! </div>
	                    <p class="prize-name">获得kindle一台</p>
	                    <img class="prize-img" src="../common/img/prize.jpg" alt="" >
	                    <p class="hui666 prize-date">有效期：2018/03/25-2018/04/25</p>
	                    <a href="../common/getPrize.html" class="btn btn-red" >兑奖</a>
	                    <div class="close">
	                        <i class="iconfont icon-close" onclick="close()"></i>
	                    </div>
                     </div>
                </div>
	            <div class="win hide js-win-no">
                    <div class="prize prize-step2" >
	                    <div class="fz22 gongxi">可惜了，居然没中奖  </div>
	                    <p class="prize-name"></p>
	                    <img class="prize-img" src="img/prize_no.png" alt="" >
	                    <p class="hui666 prize-date"> </p>
	                    <a  class="btn btn-red again" >再来一次</a>
                     </div>
	            </div>
            </div>
        </div>

    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
    "></script>
    <script src="js/sudoku.js"></script>
    <script>


    </script>
</body>
</html>